<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<f:view>
	<ui:composition template="../template/template.xhtml">
		<ui:define name="titel">
				Statistik
			</ui:define>
		<ui:define name="content">
			<h:form id="mainForm">
				#{galerieController.update()}
				<br />
				<h:outputText value="Die Seite wurde #{galerieController.getVisits()}x aufgerufen." 
					style="font-size:16px;"/>
				<br />
				
				<p:dataGrid id="alben" var="album" value="#{galerieBean.alben}" 
					style="background: none repeat-x scroll 50% 50% #000000;" columns="3" 
					emptyMessage="Keine Alben gefunden." >
					<p:column>
						<h:outputText value="#{album.name}" style="font-size:16px;"/>
						<p:dataGrid id="bilder" var="bild" value="#{album.bilder}" 
							style="background: none repeat-x scroll 50% 50% #000000;" columns="1" 
							emptyMessage="Keine Bilder gefunden." >
							<p:column>
								<h:panelGrid columns="2">
									<h:graphicImage value="image/thumb/#{bild.id}/#{bild.fullName}" 
										width="50" height="50" alt="#{bild.name}"/>
									<h:outputText id="img" value="#{bild.hits}x aufgerufen" />
								</h:panelGrid>
							</p:column>
						</p:dataGrid>
					</p:column>
				</p:dataGrid>
			</h:form>
		</ui:define>
	</ui:composition>
</f:view>
</html>
